import React from 'react'
import { NavBar, Tabs } from 'antd-mobile'
import Loader from './loader'

const tabs = [
  { title: '资讯' },
  { title: '头条' },
  { title: '问答' }
];

class News extends React.Component {
  constructor(props) {
    super(props)
    this.state = {}
  }
  // changeTab = (tab, index) => {
  //   switch (index) {
  //     case 0:
  //       this.tab1(1)
  //       break
  //     case 1:
  //       this.tab2(2)
  //       break
  //     case 2:
  //       this.tab3(3)
  //       break
  //   }
  // }
  // tab1 = val => {
  //   return (
  //     <Loader type={val} />
  //   )
  // }
  // tab2 = val => {
  //   return (
  //     <Loader type={val} />
  //   )
  // }
  // tab3 = val => {
  //   return (
  //     <Loader type={val} />
  //   )
  // }
  render() {
    const { title } = this.props
    return (
      <div>
        {/* 导航 */}
        <NavBar mode="light">{title}</NavBar>
        {/* tabs切换 */}
        <Tabs tabs={tabs}
          initialPage={0}
          onChange={(tab, index) => {
            // console.log('onChange', index, tab);
            // this.changeTab(tab, index)
          }}
          onTabClick={(tab, index) => {
            // console.log('onTabClick', index, tab); 
          }}
        >
          {/* {this.tab1(1)}
          {this.tab2(2)}
          {this.tab3(3)} */}
          <Loader type={1} />
          <Loader type={2} />
          <Loader type={3} />
        </Tabs>
      </div>
    )
  }
}
export default News
